<link rel="stylesheet" href="css/gr2015_Home.css">

<div id="main-slider" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
      <ol class="carousel-indicators slider-nav-button">
        <li data-target="#main-slider" data-slide-to="0" class="active"></li>
        <li data-target="#main-slider" data-slide-to="1"></li>
        <li data-target="#main-slider" data-slide-to="2"></li>
    </ol> 

    <!-- Wrapper for slides-->
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <img src="../images/gr2015_homepage_header1.jpg" alt="h1">
            <div class="slider-content-background"></div>
            <div class="slider-content-content">
                <h2 >opportunity of a life</h2>
                <div>At DuC, you will meet.....content1</div>
            </div>
        </div>

        <div class="item">
            <img src="../images/gr2015_homepage_header2.jpg" alt="h2">
            <div class="slider-content-background"></div>
            <div class="slider-content-content">
                <h2 >opportunity of a life</h2>
                <div>At DuC, you will meet.....content2</div>
            </div>
        </div>

        <div class="item">
            <img src="../images/gr2015_homepage_header3.jpg" alt="h3">
            <div class="slider-content-background"></div>
            <div class="slider-content-content">
                <h2 >opportunity of a life</h2>
                <div>At DuC, you will meet.....content3</div>
            </div>
        </div>

    </div>

    <!-- Left and right controls -->
    <a class="left carousel-control side-left-bar" href="#main-slider" role="button" data-slide="prev">
        <span class="glyphicon slider-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control side-right-bar" href="#main-slider" role="button" data-slide="next">
        <span class="glyphicon slider-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>

<div class=" text-center">

    <div class="main-contioner opportunity-lifetime-div">
        <div id="opportunity-intro">
            <h2 >Your opportunity of a lifetime</h2>
            <div class="text-left">
                DuC is all about you. Your aspirations, your individuality and your choices. So from the moment you first connect with us, you’ll feel a part of something special, something a bit different, something we’re proud to call the PwC Experience. At DuC you’ll meet, make friends with, and work with some of the smartest, most diverse and endlessly fascinating people around. People who every day forge strong relationships and make us the best at what we do: measuring, protecting and enhancing what matters most to our clients. And we work with truly amazing clients… which means you’ll get to connect with many of the best known brand names around - across all the major industries - and discover first-hand what an inspiring and exciting place DuC is to start your career. Of course, you’re ambitious to grow your career. We get that. That’s why we go beyond traditional learning approaches to offer you a comprehensive coaching.
            </div>
            <div class="opportunity-lifetime-btn">
                <a ng-href="#/ReachBeyond" class=" btn-campus" >Learn More</a>

            </div>
        </div>
    </div>
</div>

<div id="discover-opportunity-div">
    <div class="discover-opportunity-module-level"></div>
    <div class="discover-opportunity-image-level"></div>

    <div class="main-contioner">
        <div class="text-center">
            <h2 class="discover-title">Discover your opportunity</h2>
        </div>
        <div class="discover-opportunity-tab">
            <section class="tab" ng-controller="MainCtrl as tab">
                <ul class="nav nav-pills">
                    <li  ng-class="{ active: isSet(1) }" class="discover-opportunity-tab-item">
                        <a ng-click="setTab(1)">Assurance</a>
                    </li>
                    <li  ng-class="{ active: isSet(2) }" class="discover-opportunity-tab-item">
                        <a ng-click="setTab(2)">Deal</a>
                    </li>
                    <li  ng-class="{ active: isSet(3) }" class="discover-opportunity-tab-item">
                        <a ng-click="setTab(3)">Consulting</a>
                    </li>
                    <li  ng-class="{ active: isSet(4) }" class="discover-opportunity-tab-item">
                        <a ng-click="setTab(4)">Tax</a>
                    </li>
                    <li  ng-class="{ active: isSet(5) }" class="discover-opportunity-tab-item">
                        <a ng-click="setTab(5)">Assurance Risk</a>
                    </li>
                </ul>
                <div ng-show="isSet(1)" class="discover-opportunity-div-content">
                    <div class="col-md-4 col-sm-4">
                        <img src="../images/gr2015_homepage_pic1.jpg" />
                    </div>
                    <div class="col-md-8 col-sm-8">
                        At DuC, we believe in developing our people and shaping their career by offering them the best training, opportunities for specialisation, overseas assignments and above all, leveraging the knowledge and experience of our people around the world.
Learning for you begins with a structured and comprehensive induction course, which allows you to settle in and meet your new colleagues.  It is also the first part of a development framework that will help you build technical, business, personal and management skills throughout your career.
                       
                    </div>

                </div>
                <div ng-show="isSet(2)" class="discover-opportunity-div-content">content2</div>
                <div ng-show="isSet(3)" class="discover-opportunity-div-content">content3</div>
                <div ng-show="isSet(4)" class="discover-opportunity-div-content">content4</div>
                <div ng-show="isSet(5)" class="discover-opportunity-div-content">content5</div>
            </section>

        </div>

    </div>
</div>
<div class=" text-center Profile-photo-div">
    <div class="wrap main-contioner text-center">
        <div class="Profile-photo-title">
            <h1>Meet our people</h1>
        </div>
        <div id="profile-list" class="center">
            <ul>
                <div class="profile-list-level-top">
                    <li  class="Profile-photo-li ">

                        <div >
                            <img  class="circle-photo profile-img" src="../images/gr2015_homepage_pattern_01.jpg"/>
                        </div>
                        <div>
                            <div class="profile-title">Steve Wang</div>
                            <div class="profile-content">
                                Consulting
                                <br/>
                                DuC Shanghai
                            </div>
                        </div>

                    </li>
                    <li  class="Profile-photo-li ">

                        <div >
                            <img class="circle-photo profile-img" src="../images/gr2015_homepage_pattern_01.jpg"/>
                        </div>
                        <div>
                            <div class="profile-title">Chenwei Wang</div>
                            <div class="profile-content">
                                Consulting
                                <br/>
                                DuC Shanghai
                            </div>
                        </div>

                    </li>
                    <li  class="Profile-photo-li ">

                        <div >
                            <img class="circle-photo profile-img" src="../images/gr2015_homepage_pattern_01.jpg"/>
                        </div>
                        <div>
                            <div class="profile-title">Tina Huang</div>
                            <div class="profile-content">
                                Consulting
                                <br/>
                                DuC Shanghai
                            </div>
                        </div>

                    </li>
                </div>
                <div class="profile-list-level-bottom">
                    <li  class="Profile-photo-li ">

                        <div >
                            <img class="circle-photo profile-img" src="../images/gr2015_homepage_pattern_01.jpg"/>
                        </div>
                        <div>
                            <div class="profile-title">Zac Zhang</div>
                            <div class="profile-content">
                                Consulting
                                <br/>
                                DuC Shanghai
                            </div>
                        </div>

                    </li>
                    <li  class="Profile-photo-li ">

                        <div >
                            <img class="circle-photo profile-img" src="../images/gr2015_homepage_pattern_01.jpg"/>
                        </div>
                        <div>
                            <div class="profile-title">Allen Lu</div>
                            <div class="profile-content">
                                Consulting
                                <br/>
                                DuC Shanghai
                            </div>
                        </div>

                    </li>
                </div>
            </ul>
            <div class="Profile-photo-btn-div">
                <a class="btn-campus" href="#/CareerPath">Find out your career</a>
            </div>

        </div>
    </div>
</div>
<div >
    <div id="masked-gallery">
        <div class="grMaskedGallery">
            <a href="#" class="grGalleryItem">
                <div class="mask"></div>
                <div class="pic">
                    <img src="images/gr2015_homepage_01.jpg" alt="" title=""></div>
                <div class="text">DuC Shanghai POffice</div>
            </a>
            <a href="#"  class="grGalleryItem">
                <div class="mask"></div>
                <div class="pic">
                    <img src="images/gr2015_homepage_02.jpg" alt="" title=""></div>
                <div class="text row2">
                    Steve Wang
                    <span>DuC Shanghai</span>
                </div>
            </a>
            <a href="#"  class="grGalleryItem">
                <div class="mask"></div>
                <div class="pic">
                    <img src="images/gr2015_homepage_03.jpg" alt="" title=""></div>
                <div class="text">DuC Shanghai Office</div>
            </a>
            <a href="#"  class="grGalleryItem">
                <div class="mask"></div>
                <div class="pic">
                    <img src="images/gr2015_homepage_04.jpg" alt="" title=""></div>
                <div class="text row2">
                    Jessica Zhou
                    <span>DuC Beijing</span>
                </div>
            </a>
            <a href="#"  class="grGalleryItem">
                <div class="mask"></div>
                <div class="pic">
                    <img src="images/gr2015_homepage_05.jpg" alt="" title=""></div>
                <div class="text">DuC Shanghai Office</div>
            </a>
            <a href="#"  class="grGalleryItem">
                <div class="mask"></div>
                <div class="pic">
                    <img src="images/gr2015_homepage_06.jpg" alt="" title=""></div>
                <div class="text row2">
                    Kristie Wong
                    <span>DuC HongKong</span>
                </div>
            </a>
            <a href="#"  class="grGalleryItem">
                <div class="mask"></div>
                <div class="pic">
                    <img src="images/gr2015_homepage_07.jpg" alt="" title=""></div>
                <div class="text">DuC Shanghai Office</div>
            </a>
            <a href="#"  class="grGalleryItem">
                <div class="mask"></div>
                <div class="pic">
                    <img src="images/gr2015_homepage_08.jpg" alt="" title=""></div>
                <div class="text">DuC Shanghai Office</div>
            </a>
        </div>

    </div>
</div>